﻿* {margin:0;padding:0;box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6 { font-family:Roboto,Helvetica,Arial,sans-serif}
/*masterpagecuatui*/
.headroom--unpinned {top: -200px;opacity: 0;-webkit-transition: .25s;-o-transition: .25s;-moz-transition: .25s;-ms-transition: .25s;transition: .25s;-webkit-transform: translateY(-80px);-o-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px)}
.headroom--pinned {top: 0;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s}
/*scrollbar*/
::-webkit-scrollbar {width:8px;min-height:4px}
::-webkit-scrollbar-track { background-color: #eaeaea; border-left: none }
::-webkit-scrollbar-thumb { background-color: #c4c4c4;border-radius:10px}
::-webkit-scrollbar-thumb:hover { background-color: #009688}
/*header*/
.main-header{transition:all 0.3s;z-index:3}
@media (max-width:600px){.main-header{background-color:#009688}}
@media (max-width:992px) and (min-width:601px){.main-header {background:#009688}.main-header .container {width:97%}}
.main-header-hover {background-color:rgba(0, 150, 136,0.9)}
.main-header-hover:hover {background-color:rgba(0, 150, 136,0.9)}
.main-header-logo {padding:7px 0;display:inline-block;width:5%}
@media (max-width:992px) and (min-width:601px){.main-header-logo {width:8%}}
.main-logo {width:50px;height:50px;margin-bottom:0}
@media (max-width:992px) and (min-width:601px){.main-logo {width:40px;height:40px}}
.main-header-website {padding:13px 0}
.main-header-website a {font-size:25px;color:white;font-weight:500}
@media (max-width:992px) and (min-width:601px){.main-header-website a {font-size:20px} .main-header-website{width:40%;padding:10px 0}}
@media (max-width:600px){.main-header-website a {font-size:19px} .main-header-website{width:80%;padding:10px 0}}
@media (max-width:600px){.main-header-menu {width:20%}}
@media (max-width:992px) and (min-width:601px){.main-header-menu {width:52%}}
/*menu*/
.main-menu {margin-bottom:0}
.main-menu li {float:left;padding:0;list-style:none}
.main-menu li a.hvr-underline-reveal:before {background:white}
.main-menu > li > a {font-size:17px;padding:20px 10px;display:inline-block;color:white}
@media (max-width:992px) and (min-width:601px){.main-menu > li > a {padding:18px 7px;font-size:16px}}
@media (max-width:600px){.main-menu > li > a {font-size:16px;padding:6px 8px}}
.main-menu > li > a.user-btn {padding:15px 10px}
.main-menu > li > a.authentication-btn {display:inline-block;padding:8px 15px;margin-top:9px;color:white;border:2px solid white}
@media (max-width:992px) and (min-width:601px){.main-menu > li > a.authentication-btn {padding:6px 12px;margin-top:11px;font-size:14px}}
@media (max-width:600px){.main-menu > li > a.authentication-btn {padding:3px 8px;margin-top:4px;font-size:13px}}
@media (max-width:600px){.main-menu > li > a.user-btn {padding:12px 8px}}
.main-menu-username {margin:0 8px}
.main-menu li a img, #colapsemenu ul li img { height:35px;width:35px;margin:0}
.margin-thop { margin-top: 47px}
.menu-dropdown {display:none;position:absolute;z-index:10;background:white}
.menu-dropdown li {text-align:center;float:none}
.menu-dropdown li a {padding:9px;color:#808080;display:block;border-bottom:1px solid #e0e0e0}
@media (max-width:600px){.menu-dropdown li a {padding:6px 8px;font-size:14px}}
.menu-dropdown li a:hover {color:#009688}
.menu-dropdown-hover:hover .menu-dropdown {display:block}
.main-menu > li > a.open-collapse-menu-btn {padding:12px 8px}
@media (max-width:992px) and (min-width:601px){.main-menu > li > a.open-collapse-menu-btn {padding:15px 8px}}
.collapse-menu {background:#007167;color:white;width:100%;height:auto;display:none}
.collapse-menu a {border-bottom:1px solid #00685f;padding:2% 4%}
.collapse-menu a:hover {color:white;background:none}
.collapse-menu-user-btn img {height:30px;width:30px;margin-bottom:0}
.collapse-menu .drop-target a{padding-left:10%}
.fixed-btns { position: fixed; bottom: 8%; right: 0;z-index:9;display:none}
.fixed-btns .fixed-btn {text-align:center;padding:9px 15px;cursor:pointer}
/*content*/
.page-main-content {margin-top:64px}
/*footer*/
.main-footer { background:#313131;z-index:999}
.main-head-footer { padding: 9px 0;color:grey}
.main-head-footer ul, .contact-info ul {list-style:none}
.main-head-footer ul li, .contact-info ul li {padding:5px 0}
.main-head-footer .fa { width: 25px;font-size:17px;color:white}
.main-head-footer .newsletter .email-typing-box {padding:0}
.main-head-footer .newsletter input[type=email]{border:none;outline:none;padding:6px;width: 330px}
.main-head-footer .newsletter-btn {padding: 4px 0;text-align:center;width:50px}
.contact-info .fa { width: 25px;font-size:17px}
.footer-tittle { position: relative;text-transform: uppercase;color:white;margin: 20px 0;padding-bottom:15px}
.footer-tittle:before { position: absolute;content: "";bottom: 0;right: inherit;width: 50px;height: 2px;background-color: #009688;left: 0}
.main-deep-footer { background: #212121; padding: 9px 0}
.main-footer-follow a { margin-left: 5px;text-align:center;padding:8px 0;width:40px;float:right}
.main-footer-follow a.hvr-reveal:before {border-color:#009688;border-radius: 25px}
.main-footer-follow a.hvr-reveal:hover:before {background:white}

/*authen*/
.authentication {min-width:270px;max-width:350px;margin: 2% auto}
.authentication-header {padding:2%;text-align:center;font-size:18px}
.close-authentication-btn {cursor:pointer;padding:0 5px;font-size:17px}
.authentication .sign-in-form {display:none}
.authentication-page {min-width:270px;max-width: 500px;margin: 50px auto}
.authentication-page .sign-in-form { display:none;}
.sign-in-form input {border:none;outline:#009688;border:none;padding:2%}
.sign-in-form select {padding: 3% 2%;width:90%;outline:none;border:none;margin-bottom:1%}
.forget-pass-modal {min-width:270px;max-width:350px;margin: 2% auto}
.forget-pass-input {padding:2%;border:none}
.login-form input {padding:2%;border:none;outline:#795548}
/*feedback*/
.reply-form {min-width:270px;max-width:550px}
.reply-form input[type=text],.reply-form input[type=email],.reply-form textarea,.reply-form select {border:0;border:1px solid #009688}
.reply-form input[type=text],.reply-form input[type=email],.reply-form textarea {padding:5px}
.reply-form textarea {resize:none}
.reply-form select {padding:6px 5px}